
	<!-- Page title -->
	<div id="pagetitle">
		<div class="wrapper">
			<h1>Accounting &rarr; <span>New Entry</span></h1>
			<!--form action="" method="get"><input class="" type="text" id="q" name="q" /></form-->
		</div>
	</div>
	<!-- End of Page title -->
	
	<!-- Page content -->
	<div id="page">
		<!-- Wrapper -->
		<div class="wrapper">
		
			<p>&nbsp;</p>			
					
            <div class="leading clearfix">	
                
				<!-- Accounting Entry Options -->
				<div class="column width2 first">
					<div class="content-box corners">	
						<header>
							<h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Options</h3>
						</header>					
						<section>			
                            <!-- Message -->
                            <div id="option-message-box" class="box hidden"></div>	
                        	<form id="form-new-entry-option">
							<!-- Select Options -->
							<div class="inner-width2 first">					
								<label>New Entry</label>
								<select id="new-entry-option" name="new_entry_option" class="full">
									<!-- <option value="with_po_rfq">From Existing PO</option>  -->
									<option value="no_po_rfq">With No PO</option>
								</select>
							</div>
							<!-- End of Select Options -->
												
							<!-- Enter PO # -->
							<div id="option-existing-po-box" class="inner-width2 first">
								
								<div class="inner-width2 first"><hr /></div>
								
								<table class="no-style full">
										<tbody>
											<tr>
												<td colspan="2">
													<label>PO # / RFQ #</label>
												</td>
											</tr>
											<tr>
												<td>
													<input  id="field-po-rfq-num" type="text" name="po_rfq_num" class="full title" />
												</td>											
											</tr>
										</tbody>
									</table>
							</div>
							<!-- End of Enter PO # -->
							
							<div class="inner-width2 first"><hr /></div>
							
							<div class="button-create-entry first">
								<a id="button-create-entry" class="btn btn-blue">Create</a>
                                <img src="<?= $this->config->item('webroot') ?>images/ajax_loader_white.gif" class="hidden loader" width="24" height="24" alt="" />
							</div>
                            </form>
						</section>				
					</div>
				</div>
				<!-- End of Accounting Entry Options -->
			
				<!-- Accounting Entry Form -->
				<div id="accounting-entry-form-box" class="column width6 hidden">                	
					<div class="content-box corners">
                    	<form id="form-new-entry">  
						<header>
							<h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Accounting Entry Form</h3>
							<span class="right-icons">
								<a class="icon-save-entry" href="#" title="Save">
									<img src="<?= $this->config->item('webroot') ?>images/icons/disk.png" />
								</a>
							</span>
						</header>
						<section>
                        		<!-- Message box -->
                                <div id="entry-message-box" class="box hidden"></div>	     
                                                     
                                <!-- Hidden data inputs -->
                                <input type="hidden" class="field-work-id" name="work_id" value="" />
                                
                                <!-- Existing PO Form -->
                                <div id="existing-po-form" class="inner-width6 first">                         
                                    <!-- Existing PO Form Header -->
                                    <div id="form-header">								
                                        <table class="full">
                                            <tbody>
                                                <tr>
                                                    <td rowspan="2" style="width:60%">
                                                        <label style="font-size:large"><span class="label-company-name"></span></label><br />
                                                        <small>Company Name</small>
                                                    </td>
                                                    <td><small>PO # :</small></td>
                                                   <!-- <td><small>&nbsp;:&nbsp;</small></td>-->
                                                    <td><label><span class="label-po-num"></span></label></td>
                                                    <td><spacer></spacer></td>
                                                    <td><small>New PO # :</small></td>
                                                    <!--<td><small>&nbsp;:&nbsp;</small></td>-->
                                                    <td><label><span class="label-new-po-num"></span></label></td>
                                                </tr>
                                                <tr>
                                                    <td><small>RFQ #:</small></td>
                                                    <!--<td><small>&nbsp;:&nbsp;</small></td>-->
                                                    <td><label><span class="label-rfq-num"></span></label></td>
                                                    <td><spacer></spacer></td>
                                                    <td><small>New RFQ #:</small></td>
                                                    <!--<td><small>&nbsp;:&nbsp;</small></td>-->
                                                    <td><label><span class="label-new-rfq-num"></span></label></td>
                                                </tr>
                                            </tbody>
                                        </table>									
                                        <div class="inner-width6 first"><hr /></div>
                                    </div>
                                    <!-- End of Existing PO Form Header -->
                                    <!-- Description, Accounts, and Transaction -->
                                    <div class="inner-width6 first">
                                        <table class="no-style-no-border full">
                                            <tbody>
                                                <tr>                                                	
                                                    <td style="width:15%"><label>Description</label></td>
                                                    <td colspan="4"><input type="text" class="field-description full" name="description" value="" />
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td><label>Account</label></td>
                                                    <td style="width:10%">
                                                        <div class="select-account-group"></div>
                                                    </td>                                                    
                                                    <td>
                                                    	<div class="specific-accounts"></div>
                                                    </td>                                                   
                                                </tr>
                                                <tr>
                                                    <td><label>Transaction</label></td>
                                                    <td colspan="4">
                                                        <a id="button-add-money-in-new" class="button-add-money-in">+ Money In</a>&nbsp;&nbsp;&nbsp;
                                                        <a id="button-add-money-out-new" class="button-add-money-out">+ Money Out</a>&nbsp;&nbsp;&nbsp;
                                                        <a id="button-add-other-new" class="button-add-other">+ Other</a>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <!-- End of Description, Accounts, and Transaction -->
                                    <div class="transactions"></div>
                                    <!-- Money In or Out -->														
                                    <div id="money-in-out-box" class="transaction hidden">
                                        <div class="content-box corners inner-width6">
                                            <section>
                                                <!-- Title -->
                                                <div class="column inner-width5 first">
                                                	<label style="font-size:14px"><span id="money-in-out-title">Money In (Receivable)</span></label>
                                                    <span class="label-transaction-identifier"></span>
												</div>
                                                <div class="column inner-width1 ta-right">
                                                    <span class="right-icons">
                                                        <a class="delete-money-in-out" title="Delete">
                                                            <img src="<?= $this->config->item('webroot') ?>images/icons/delete.png" />
                                                        </a>
                                                        <a class="hide-show-money-in-out" title="Hide">
                                                            <img class="image-hide-show" src="<?= $this->config->item('webroot') ?>images/icons/bullet_arrow_up.png" />
                                                        </a>
                                                    </span>
                                                </div>                                      
                                                <!-- End of Title -->
                                                <div class="transaction-details">
                                                	<div class="column inner-width3 first">
                                                    	<div class="transaction-message-box hidden"></div>
                                                    </div>
                                                    <!-- Transaction Date and Amount -->
                                                    <div class="column inner-width3 first">                                                    	
                                                        <!-- Transaction Date -->
                                                        <label>Transaction Date</label>
                                                        <div class="ta-center">                                                    	
                                                            <div class="transaction-date-box" style="margin:15px 0px 0px 87px;"></div>
                                                            <input type="text" class="field-transaction-date ta-center" readonly="readonly" />
                                                        </div>
                                                        <!-- End of Transaction Date -->
                                                        <!-- Amount -->
                                                        <div class="amount-box" >
                                                        <table class="no-style-no-border full" style="margin:15px 5px 0px 5px">
                                                            <tbody>
                                                                <tr>
                                                                    <td><label>Amount</label></td>
                                                                </tr>
                                                                <tr>
                                                                    <td><label class="choice">Amount (Before VAT)</label></td>
                                                                    <td><input type="text" class="field-amount-before-vat ta-right" value="00.00" /></td>
                                                                </tr>
                                                                <tr>
                                                                    <td><label class="choice">VAT</label></td>
                                                                    <td><input type="text" class="field-vat ta-right" value="00.00" /></td>
                                                                </tr>
                                                                <tr>
                                                                    <td><label class="choice">Withholding Tax</label></td>
                                                                    <td><input type="text" class="field-withholding-tax ta-right" value="00.00" /></td>
                                                                </tr>
                                                                <tr>
                                                                    <td></td>
                                                                    <td style="padding-right:40px;"><hr class="black"/></td>
                                                                </tr>
                                                                <tr>
                                                                    <td><label class="choice">TOTAL</label></td>
                                                                    <td><input type="text" class="field-total-amount ta-right" readonly="readonly" value="00.00" /></td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                        </div>
                                                         <!-- End of Amount -->	
                                                    </div>       
                                                     <!-- End of Transaction Date and Amount -->                                        
                                                    
                                                    <div class="column inner-width3">
                                                        <!-- Method of Payment -->
                                                        <div class="payment-methods"></div>
                                                        
                                                        <!-- Receipt Used in Transaction -->
                                                        <div class="transaction-receipts"></div> 
                                                                                                           
                                                        <!-- Attachments -->
                                                        <div>
                                                            <table class="no-style-no-border full"  style="margin:15px 5px 0px 5px">
                                                                <tbody>
                                                                    <tr>
                                                                        <td>
                                                                            <label>Attachment</label>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <div class="transaction-attachment-box">
                                                                        <td>
                                                                            <input class="file-attachement full" type="file" />	
                                                                        </td>
                                                                        <td>		
                                                                            <div class="attachment-buttons hidden">
                                                                                <a class="button-add-attachment" href="#"><span class="icon icon-add" title="Add">&nbsp;</span></a>
                                                                                <a class="button-remove-attachment" href="#"><span class="icon icon-cancel" title="Remove">&nbsp;</span></a>
                                                                            </div>
                                                                        </td>
                                                                        </div>
                                                                    </tr>
                                                                    <tr>                                                           
                                                                        <div class="transaction-attachments"></div>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>                                                    
                                                        <!-- End of Attachments -->
                                                    </div>		
                                                    
                                                    <!-- Identifier and Notes -->
                                                    <div class="column inner-width6 first">
                                                        <table class="full">
                                                            <tbody>
                                                                <tr><td>&nbsp;</td></tr>
                                                                <tr>
                                                                    <td>
                                                                        <label>Identifier</label>
                                                                    </td>
                                                                    <td colspan="2">
                                                                        <label>Notes</label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                       <div class="select-transaction-identifier"></div>
                                                                    </td>
                                                                    <td colspan="2">
                                                                        <input type="text" class="field-transaction-note full" />
                                                                    </td>														
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                    <!-- End of Identifier and Notes -->	
                                                </div>							
                                            </section>
                                        </div>
                                    </div>
                                    <!-- End of Money In or Out -->
                                    <!-- Other -->
                                    <div id="other-box" class="transaction hidden">
                                        <div class="content-box corners inner-width6">
                                            <section>
                                            	<!-- Title -->
                                                <div class="column inner-width5 first">
                                                	<label style="font-size:14px">Other</label>
                                                    <span class="label-transaction-identifier"></span>
												</div>
                                                <div class="column inner-width1 ta-right">
                                                    <span class="right-icons">
                                                        <a class="delete-other" title="Delete">
                                                            <img src="<?= $this->config->item('webroot') ?>images/icons/delete.png" />
                                                        </a>
                                                        <a class="hide-show-other" title="Hide">
                                                            <img class="image-hide-show" src="<?= $this->config->item('webroot') ?>images/icons/bullet_arrow_up.png" />
                                                        </a>
                                                    </span>
                                                </div>                                                
                                                <!-- End of Title -->
                                                <div class="transaction-details">
                                                <!-- Transaction Date -->
                                                <div class="column inner-width3 first">
                                                    <label>Transaction Date</label>
                                                    <div class="ta-center">                                                    	
                                                        <div class="transaction-date-box" style="margin:15px 0px 0px 87px;"></div>
                                                        <input type="text" class="field-transaction-date ta-center" readonly="readonly" />
                                                    </div>
                                                </div>
                                                <!-- End of Transaction Date -->
                                                <div class="column inner-width3">
                                                
                                                	<!-- Receipt Used in Transaction -->
                                                	<div class="transaction-receipts"></div>    
                                                                                                    
                                                     <!-- Attachments -->
                                                    <div>
                                                    	<table class="no-style-no-border full"  style="margin:15px 5px 0px 5px">
                                                        	<tbody>
                                                                <tr>
                                                                    <td>
                                                                        <label>Attachment</label>
                                                                    </td>
                                                                </tr>
                                                    			<div class="transaction-attachments"></div>
                                                                <div class="transaction-attachment-box">
                                                                <tr>
                                                                    <td>
                                                                        <input class="file-attachement" type="file" />	
                                                                    </td>
                                                                    <td>		
                                                                        <div class="attachment-buttons hidden">
                                                                            <a class="button-add-attachment" href="#"><span class="icon icon-add" title="Add">&nbsp;</span></a>
                                                                            <a class="button-remove-attachment" href="#"><span class="icon icon-cancel" title="Remove">&nbsp;</span></a>
                                                                        </div>
                                                                    </td>
                                                                </tr>
                                                                </div>
                                                            </tbody>
                                                        </table>
                                                    </div>                                                    
                                                    <!-- End of Attachments -->
                                                </div>		
                                                <!-- Identifier and Notes -->
                                                <div class="column inner-width6 first">
                                                    <table class="full">
                                                        <tbody>
                                                            <tr><td>&nbsp;</td></tr>
                                                            <tr>
                                                                <td>
                                                                    <label>Identifier</label>
                                                                </td>
                                                                <td>
                                                                    <label>Notes</label>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <div class="select-transaction-identifier"></div>
                                                                </td>
                                                                <td>
                                                                    <input type="text" class="field-transaction-note full" />
                                                                </td>														
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                    </div>
                                                </div>
                                                <!-- End of Identifier and Notes -->
                                            </section>
                                        </div>
                                    </div>
                                    <!-- End of Other -->
                                </div>
                                <!-- End of Existing PO Form -->
                                <div class="inner-width6 first"><hr /></div>
                                <div class="button-save-entry-box first">
                                    <a id="button-save-entry" class="btn btn-blue">Save</a>
                                    <img src="<?= $this->config->item('webroot') ?>images/nyro/ajaxLoader.gif" class="hidden loader" width="24" height="24" alt="" />
                                </div>
							<!--</form>-->
						</section>
                         </form>
					</div>                   
				</div>
				<!-- End of Accounting Entry Form -->
							           
            </div>
			<!-- End of clearfix -->						
		</div>
		<!-- End of Wrapper -->
	</div>
	<!-- End of Page content -->
	
	<script type="text/javascript" src="<?= $this->config->item('webroot') ?>scripts/application/accounting/accounting.js"></script>
	<script type="text/javascript" src="<?= $this->config->item('webroot') ?>scripts/application/accounting/new_entry/new_entry.js"></script>
	<script></script>